import React from "react";
import {
    DashboardOutlined,
    BarsOutlined,
    LayoutOutlined,
    DatabaseOutlined,
    RollbackOutlined,
    AreaChartOutlined,
    CommentOutlined,
    PieChartOutlined,
} from "@ant-design/icons";

const items = [
    {
        key: "dashboard",
        icon: <DashboardOutlined style={{ fontSize: "15px" }} />,
        label: "面板",
    },
    {
        key: "common",
        icon: <BarsOutlined style={{ fontSize: "15px" }} />,
        label: "通用",
        children: [
            {
                key: "button",
                label: "按钮",
            },
            {
                key: "float-button",
                label: "悬浮按钮",
            },
            {
                key: "icon",
                label: "图标",
            },
            {
                key: "typography",
                label: "排版",
            },
        ],
    },
    {
        key: "layout",
        icon: <LayoutOutlined style={{ fontSize: "15px" }} />,
        label: "布局",
        children: [
            {
                key: "divider",
                label: "分割线",
            },
            {
                key: "flex",
                label: "弹性布局",
            },
            {
                key: "grid",
                label: "栅格",
            },
            {
                key: "layout",
                label: "Layout布局",
            },
            {
                key: "space",
                label: "间距",
            },
            {
                key: "splitter",
                label: "分割面板",
            },
        ],
    },
    {
        key: "navigate",
        icon: <RollbackOutlined style={{ fontSize: "15px" }} />,
        label: "导航",
        children: [
            {
                key: "breadcrumb",
                label: "面包屑",
            },
            {
                key: "dropdown",
                label: "下拉菜单",
            },
            {
                key: "menu",
                label: "导航菜单",
            },
            {
                key: "pagination",
                label: "分页",
            },
            {
                key: "step",
                label: "步骤条",
            },
        ],
    },
    {
        key: "data-entry",
        icon: <DatabaseOutlined style={{ fontSize: "15px" }} />,
        label: "数据录入",
        children: [
            {
                key: "auto-complete",
                label: "自动完成",
            },
            {
                key: "cascader",
                label: "级联选择",
            },
            {
                key: "checkbox",
                label: "多选框",
            },
            {
                key: "date-picker",
                label: "日期选择框",
            },
            {
                key: "form",
                label: "表单",
            },
            {
                key: "input",
                label: "输入框",
            },
            {
                key: "radio",
                label: "单选框",
            },
            {
                key: "select",
                label: "选择器",
            },
            {
                key: "slider",
                label: "滑动输入条",
            },
            {
                key: "switch",
                label: "开关",
            },
            {
                key: "time-picker",
                label: "时间选择框",
            },
            {
                key: "tree-select",
                label: "树选择",
            },
            {
                key: "upload",
                label: "上传组件",
            },
        ],
    },
    {
        key: "data-display",
        icon: <AreaChartOutlined style={{ fontSize: "15px" }} />,
        label: "数据展示",
        children: [
            {
                key: "avatar",
                label: "头像",
            },
            {
                key: "badge",
                label: "徽标数",
            },
            {
                key: "calendar",
                label: "日历",
            },
            {
                key: "card",
                label: "卡片",
            },
        ],
    },
    {
        key: "feedback",
        icon: <CommentOutlined style={{ fontSize: "15px" }} />,
        label: "反馈",
    },
    {
        key: "other",
        icon: <PieChartOutlined style={{ fontSize: "15px" }} />,
        label: "其他",
    },
];

export default items;
